/* Something arbitrary for testing. */
body {
  font: 13px/1.3 normal Verdana, Geneva, sans-serif;
  background: #000;
  color: #aaa;
  margin: 0;
  padding: 30px;
}
a {
  color: #aaa;
}
a:hover {
  color: #bbb;
}
h1 {
  border: 3px dashed #aaa;
  padding: 1em;
}
ul {
  list-style: none;
  background: #262626;

  margin: 0;
  padding: 20px;
  border-radius: 10px;
}
li {
  display: inline-block;
  vertical-align: top;
  padding: 1em;
  margin: 1em;
  text-align: right;
}
li:hover {
  background: #000;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
li:hover img {
  xmax-height: none;
  xmax-width: none;
}
li a {
  font-weight: bold;
}
li img {
  border: 0;
  border-radius: 6px;
  display: block;
  max-height: 200px;
  max-width: 200px;
  margin-bottom: 1em;
}
li .camlifile {
  display: none;
}
li a span {
  padding: 2px;
  border: 1px solid transparent;
}
li input {
  text-align: right;
}

a.title-edit,
a.title-edit:hover {
  font-size: 70%;
  color: #f00;
  margin-right: .5em;
  font-weight: normal;
}

a.hidden {
	display: none;
}

a.visible {
	display: inline;
}

input.hidden {
	display: none;
}

input.visible {
	display: inline-block;
}

span.hidden {
	display: none;
}

span.visible {
	display: inline-block;
}

